<script>
    $(document).ready(function () {
        a_details_click_showList();
        var page = document.getElementById("page");
        if(page != null){
            page.innerHTML = "";
        }
        n = getQueryString("num");
        ajaxTest(n);

    });

    var DETAIL_PREFIX = "/view/data/foreignexhibition.html";
    var show = document.getElementById("show");
    var row = document.createElement("div");
    row.classList.add("row");
    row.classList.add("show-box5");
    row.setAttribute("style","display: none;");
    var c1 = document.createElement("div");
    c1.classList.add("col-xs-6");
    c1.classList.add("col-sm-4");
    c1.classList.add("col-md-4");
    c1.classList.add("show3-head");
    var c2 = document.createElement("div");
    c2.classList.add("col-xs-6");
    c2.classList.add("col-sm-3");
    c2.classList.add("col-md-3");
    c2.classList.add("show3-context");
    var c3 = document.createElement("div");
    c3.classList.add("hidden-xs");
    c3.classList.add("col-sm-3");
    c3.classList.add("col-md-3");
    c3.classList.add("show3-x");
    var c4 = document.createElement("div");
    c4.classList.add("hidden-xs");
    c4.classList.add("col-sm-2");
    c4.classList.add("col-md-2");
    c4.classList.add("show3-x");

    var p = document.createElement("p");
    var button = document.createElement("button");
    var h1 = document.createElement("h1");
    var showData = function (data) {
        var h1_1 = h1.cloneNode(true);
        h1_1.innerHTML = data.meeting_name;

        var p1 = p.cloneNode(true);
        p1.innerHTML = data.meeting_time;

        var p2 = p.cloneNode(true);
        p2.innerHTML = data.meeting_adress;

        var button1 = button.cloneNode(true);
        button1.setAttribute("onclick","window.open('" + DETAIL_PREFIX+"?d="+data.id+
            "')");
        button1.innerHTML = "查看详情";


        var Nc1 = c1.cloneNode(true);
        var Nc2 = c2.cloneNode(true);
        var Nc3 = c3.cloneNode(true);
        var Nc4 = c4.cloneNode(true);

        Nc1.append(h1_1);

        Nc2.append(p1);

        Nc3.append(p2);

        Nc4.append(button1);

        var Nrow = row.cloneNode(true);
        Nrow.append(Nc1);
        Nrow.append(Nc2);
        Nrow.append(Nc3);
        Nrow.append(Nc4);

        show.append(Nrow);
        show.appendChild(document.createElement("hr"));
    }
</script>

<div class="row">
    <div class="hidden-xs col-sm-2 col-md-2">
        <a data-category="3" class="details-header">全球展会</a>
    </div>
    <div class="col-xs-12 col-sm-8 col-md-8">
        <ul class="details-ul">
            <li><a  data-type="1" class="details-a-Nclick">国内展会</a></li>
            <li><a  data-type="2" class="details-a-click">国际展会</a></li>
            <li><a  data-type="3" class="details-a-Nclick">美博会参展商名录</a></li>
        </ul>
    </div>
</div>

<div class="row">
    <div class="hidden-xs">
        <hr class="hr1" style="padding-top: 10px">
    </div>
</div>
<div class="row hidden-xs show-box3-header">
    <div class="col-xs-6 col-sm-4 col-md-4">
        展会名称
    </div>
    <div class="col-xs-6 col-sm-3 col-md-3" style="padding-left: 8rem;">
        展会时间
    </div>
    <div class="hidden-xs col-sm-3 col-md-3">
        所在地址
    </div>
    <div class="hidden-xs col-sm-2 col-md-2">
        查看详情
    </div>
</div>

<hr>
<div id="show">
    <!--<hr>-->
    <!--<div class="row show-box5">-->
        <!--<div class="col-xs-6 col-sm-4 col-md-4 show3-head">-->
            <!--<h1>2015年美国拉斯维加斯美容展览会</h1>-->
        <!--</div>-->
        <!--<div class="col-xs-6 col-sm-3 col-md-3 show3-context">-->
            <!--<p>(2015-06-10)至(2015-06-12)</p>-->
        <!--</div>-->
        <!--<div class="hidden-xs col-sm-3 col-md-3 show3-x">-->
            <!--<p>纽约国际会展中心</p>-->
        <!--</div>-->
        <!--<div class="hidden-xs col-sm-2 col-md-2 show3-x">-->
            <!--<button onclick='window.open("http://www.baidu.com")'>查看职位</button>-->
        <!--</div>-->
    <!--</div>-->
    <!--<hr>-->
</div>